<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- 新 Bootstrap5 核心 CSS 文件 -->
<link rel="stylesheet" href="../static/css/bootstrap.min.css">
<!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
<script src="../static/js/bootstrap.min.js"></script>
<link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>
<body>


<table class="table">
    <thead>
    <tr>
        <th scope="col">序号</th>
        <th scope="col">用户名</th>
        <th scope="col">邮箱</th>
        <th scope="col">创建时间</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="user:${users}">
        <th scope="row" th:text="${user.getId()}">1</th>
        <td th:text="${user.getUsername()}">Mark</td>
        <td th:text="${user.getEmail()}">Otto</td>
        <td th:text="${user.getDate()}">@mdo</td>
        <td>
            <button class="btn btn-danger" th:onclick="" type="button">删除</button>
        </td>
    </tr>

    </tbody>
</table>
<a class="nav-link" th:href="@{/}">返回首页</a>
</body>
<script>

</script>
</html>